<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>关于我们</title>
    <meta name="description"
          content="介绍一下我们是谁，我们的使命，我们的价值观，我们的产品和服务。但是不显示">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="assets/picture/favicon.ico">
    <!-- Place favicon.ico in the root directory -->

    <!-- Google Font -->
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>

    <!-- all css here -->
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="assets/css/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="assets/css/meanmenu.min.css">
    <!-- nivo-slider css -->
    <link rel="stylesheet" href="assets/css/nivo-slider.css">
    <link rel="stylesheet" href="assets/css/preview.css">
    <!-- slick css -->
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <!-- lightbox css -->
    <link rel="stylesheet" href="assets/css/lightbox.min.css">
    <!-- material-design-iconic-font css -->
    <link rel="stylesheet" href="assets/css/material-design-iconic-font.css">
    <!-- All common css of theme -->
    <link rel="stylesheet" href="assets/css/default.css">
    <!-- style css -->
    <link rel="stylesheet" href="assets/css/style.min.css">
    <!-- shortcode css -->
    <link rel="stylesheet" href="assets/css/shortcode.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css">
    <!-- modernizr css -->
    <script src="assets/js/modernizr-3.11.2.min.js"></script>
</head>
<body>
<!-- WRAPPER START -->
<div class="wrapper bg-dark-white">

    <!-- HEADER-AREA START -->
    <header id="sticky-menu" class="header header-2">
        <div class="header-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4 offset-md-4 col-7">
                        <div class="logo text-md-center">
                            <a href="index.html"><img src="assets/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-md-4 col-5">
                        <div class="mini-cart text-end">
                            <ul>
                                <li>
                                    <a class="cart-icon" href="#">
                                        <i class="zmdi zmdi-shopping-cart"></i>
                                        <!--TODO 计算综合，这是右上角购物车小红数量-->
                                        <span>3</span>
                                    </a>
                                    <div class="mini-cart-brief text-left">
                                        <div class="cart-items">
                                            <p class="mb-0">你有 <span>计算总和（几个东西</span> 在你的购物车</p>
                                        </div>

                                        <!--TODO 购物车-->
                                        <div class="all-cart-product clearfix">
                                            <div class="single-cart clearfix">
                                                <!--TODO 购物车内容，此模块作为动态生成，需要后端提供数据-->
                                                <div class="cart-photo">
                                                    <!--TODO 传图-->
                                                    <a href="#"><img src="" alt=""></a>
                                                </div>
                                                <div class="cart-info">
                                                    <h5><a href="#">dummy product name</a></h5>
                                                    <!--TODO 传价格-->
                                                    <p class="mb-0">Price : $ 100.00</p>
                                                    <p class="mb-0">Qty : 02 </p>
                                                    <span class="cart-delete"><a href="#"><i
                                                            class="zmdi zmdi-close"></i></a></span>
                                                </div>
                                            </div>

                                        </div>

                                        <!--TODO 购物车结算-->
                                        <div class="cart-totals">
                                            <!--TODO 传价格-->
                                            <h5 class="mb-0">Total <span class="floatright">$500.00</span></h5>
                                        </div>
                                        <div class="cart-bottom  clearfix">
                                            <a href="cart.html" class="button-one floatleft text-uppercase"
                                               data-text="View cart">购物车</a>
                                            <a href="checkout.html" class="button-one floatright text-uppercase"
                                               data-text="Check out">支付</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MAIN-MENU START -->
        <div class="menu-toggle menu-toggle-2 hamburger hamburger--emphatic d-none d-md-block">
            <div class="hamburger-box">
                <div class="hamburger-inner"></div>
            </div>
        </div>
        <div class="main-menu  d-none d-md-block">
            <nav>
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li><a href="shop.html">商品</a>
                    </li>
                    <li><a href="cart.html">购物车</a>
                    </li>
                    <li><a href="my-account.html">个人信息</a></li>

                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="contact.html">导航</a></li>
                </ul>
            </nav>
        </div>
        <!-- MAIN-MENU END -->
    </header>
    <!-- HEADER-AREA END -->
    <!-- Mobile-menu start -->
    <div class="mobile-menu-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 d-block d-md-none">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul>
                                <li><a href="index.html">home</a>
                                    <ul>
                                        <li><a href="index.html">Home Version 1</a></li>
                                        <li><a href="index-2.html">Home Version 2</a></li>
                                    </ul>
                                </li>
                                <li><a href="shop.html">products</a></li>
                                <li><a href="shop-sidebar.html">accesories</a></li>
                                <li><a href="shop-list.html">lookbook</a></li>
                                <li><a href="blog.html">blog</a></li>
                                <li><a href="#">pages</a>
                                    <ul>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="shop-sidebar.html">Shop Sidebar</a></li>
                                        <li><a href="shop-list.html">Shop List</a></li>
                                        <li><a href="single-product.html">Single Product</a></li>
                                        <li><a href="single-product-sidebar.html">Single Product Sidebar</a></li>
                                        <li><a href="cart.html">Shopping Cart</a></li>
                                        <li><a href="wishlist.html">Wishlist</a></li>
                                        <li><a href="checkout.html">Checkout</a></li>
                                        <li><a href="order.html">Order</a></li>
                                        <li><a href="login.html">login / Registration</a></li>
                                        <li><a href="my-account.html">My Account</a></li>
                                        <li><a href="404.html">404</a></li>
                                        <li><a href="blog.html">Blog</a></li>
                                        <li><a href="single-blog.html">Single Blog</a></li>
                                        <li><a href="single-blog-sidebar.html">Single Blog Sidebar</a></li>
                                        <li><a href="">About Us</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </li>
                                <li><a href="">about us</a></li>
                                <li><a href="contact.html">contact</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Mobile-menu end -->
    <!-- HEADING-BANNER START -->
    <div class="heading-banner-area overlay-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-banner">
                        <div class="heading-banner-title">
                            <h2>About Us</h2>
                        </div>
                        <div class="breadcumbs pb-15">
                            <ul>
                                <li><a href="index.html">Home</a></li>
                                <li>About Us</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- HEADING-BANNER END -->
    <!-- ABOUT-US-AREA START -->
    <div class="about-us-area  pt-80 pb-80">
        <div class="container">
            <div class="about-us bg-white">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="about-photo">
                            <img src="assets/picture/about.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-brief bg-dark-white">
                            <h4 class="title-1 title-border text-uppercase mb-30">关于机智聪明的我们</h4>
                            <p>我们致力于为每一位顾客提供便捷、高效、愉悦的购物体验，让购物不再是一种负担，而是一种享受。我们希望成为您生活中
                                不可或缺的一部分，陪伴您度过每一个需要添置物品的时刻，无论是为家增添温馨，还是为自己挑选心仪好物。我们追求卓越，
                                不断努力提升服务质量，努力成为全球领先的电商平台，让世界各地的人都能享受到我们带来的便利与惊喜。</p>
                            <p>拥有一支充满激情与创新精神的团队。我们的成员来自不同的专业背景，包括电子商务、市场营销、数据分析、物流管理等。
                                他们凭借丰富的经验和专业知识，为网站的运营和发展贡献着自己的力量。我们的客服团队更是全天候待命，随时准备解答您的疑问，
                                解决您的问题，确保您的购物过程顺畅无阻。</p>
                            <p>我们承诺将始终以顾客为中心，不断优化和改进我们的服务。我们会倾听您的声音，关注您的反馈，及时解决您遇到的问题。
                                我们致力于保护您的隐私和信息安全，严格遵守相关法律法规，确保您的个人信息不被泄露或滥用。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ABOUT-US-AREA END -->
    <!-- TEAM-MEMBER-AREA END -->
    <div class="team-member-area pb-80">
        <div class="container">
            <!-- Section-title start -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title-border">Team Member</h2>
                    </div>
                </div>
            </div>
            <!-- Section-title end -->
            <div class="team-member">
                <div class="row justify-content-center">
                    <div class="col-lg-3 col-md-6">
                        <div class="single-member text-center bg-white mt-25" style="height: 490px;">
                            <img src="assets/picture/图1.jpg" alt="">
                            <h3 class="text-uppercase mt-20">人员1</h3>
                            <h4 class="text-uppercase text-gray">萍</h4>
                            <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-member text-center bg-white mt-25" style="height: 490px;">
                            <img src="assets/picture/图2.jpg" alt="" style="margin-bottom: 60px;">
                            <h3 class="text-uppercase mt-20">人员2</h3>
                            <h4 class="text-uppercase text-gray">浩</h4>
                            <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="single-member text-center bg-white mt-25" style="height: 490px;">
                            <img src="assets/picture/图3.jpg" alt="">
                            <h3 class="text-uppercase mt-20">人员3</h3>
                            <h4 class="text-uppercase text-gray">蟹</h4>
                            <p class="text-gray">There are many variations of passage of Lorem Ipsum available, but the in majority have suffered.</p>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="zmdi zmdi-twitter"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- TEAM-MEMBER-AREA END -->
    <!-- FOOTER START -->
    <footer>
        <!-- Footer-area start -->
        <div class="footer-area footer-2">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">Contact Us</h3>
                            <ul class="footer-contact">
                                <li><span>Address :</span>Your Address Goes Here,<br>City Name, Country Name</li>
                                <li><span>Cell-Phone :</span>012 345 678 0123</li>
                                <li><span>Email :</span>@example.com.com</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">accounts</h3>
                            <ul class="footer-menu">
                                <li><a href="my-account.html"><i class="zmdi zmdi-dot-circle"></i>My Account</a></li>
                                <li><a href="wishlist.html"><i class="zmdi zmdi-dot-circle"></i>My Wishlist</a></li>
                                <li><a href="cart.html"><i class="zmdi zmdi-dot-circle"></i>My Cart</a></li>
                                <li><a href="login.html"><i class="zmdi zmdi-dot-circle"></i>Sign In</a></li>
                                <li><a href="checkout.html"><i class="zmdi zmdi-dot-circle"></i>Check out</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-3 col-sm-6">
                        <div class="single-footer">
                            <h3 class="footer-title  title-border">shipping</h3>
                            <ul class="footer-menu">
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>New Products</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Top Sellers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Manufactirers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Suppliers</a></li>
                                <li><a href="#"><i class="zmdi zmdi-dot-circle"></i>Specials</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-footer newsletter-item">
                            <h3 class="footer-title  title-border">Email Newsletters</h3>
                            <div class="footer-subscribe">
                                <form action="javascript:;">
                                    <input type="text" name="email" placeholder="Email Address...">
                                    <button class="button-one submit-btn-4" type="submit" data-text="Subscribe">
                                        Subscribe
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer-area end -->
        <!-- Copyright-area start -->
        <div class="copyright-area copyright-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="copyright">
                            <p class="mb-0">&copy; 2025. All Rights Reserved. <a target="_blank" href="/"
                                                                                 title="网站模板">网站模板</a></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="payment  text-md-end">
                            <a href="#"><img src="assets/picture/1.png" alt=""></a>
                            <a href="#"><img src="assets/picture/2.png" alt=""></a>
                            <a href="#"><img src="assets/picture/3.png" alt=""></a>
                            <a href="#"><img src="assets/picture/4.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Copyright-area start -->
    </footer>
    <!-- FOOTER END -->
    <!-- QUICKVIEW PRODUCT -->
    <div id="quickview-wrapper">
        <!-- Modal -->
        <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="modal-product">
                            <div class="product-images">
                                <div class="main-image images">
                                    <img alt="#" src="assets/picture/quickview-photo.jpg">
                                </div>
                            </div><!-- .product-images -->

                            <div class="product-info">
                                <h1>Aenean eu tristique</h1>
                                <div class="price-box-3">
                                    <hr>
                                    <div class="s-price-box">
                                        <span class="new-price">$160.00</span>
                                        <span class="old-price">$190.00</span>
                                    </div>
                                    <hr>
                                </div>
                                <a href="shop.html" class="see-all">See all features</a>
                                <div class="quick-add-to-cart">
                                    <form method="post" class="cart">
                                        <div class="numbers-row">
                                            <input type="number" id="french-hens" value="3" min="1">
                                        </div>
                                        <button class="single_add_to_cart_button" type="submit">Add to cart</button>
                                    </form>
                                </div>
                                <div class="quick-desc">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est
                                    tristique auctor. Donec non est at libero.
                                </div>
                                <div class="social-sharing">
                                    <div class="widget widget_socialsharing_widget">
                                        <h3 class="widget-title-modal">Share this product</h3>
                                        <ul class="social-icons">
                                            <li><a target="_blank" title="Google +" href="#"
                                                   class="gplus social-icon"><i class="zmdi zmdi-google-plus"></i></a>
                                            </li>
                                            <li><a target="_blank" title="Twitter" href="#" class="twitter social-icon"><i
                                                    class="zmdi zmdi-twitter"></i></a></li>
                                            <li><a target="_blank" title="Facebook" href="#"
                                                   class="facebook social-icon"><i class="zmdi zmdi-facebook"></i></a>
                                            </li>
                                            <li><a target="_blank" title="LinkedIn" href="#"
                                                   class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- .product-info -->
                        </div><!-- .modal-product -->
                    </div><!-- .modal-body -->
                </div><!-- .modal-content -->
            </div><!-- .modal-dialog -->
        </div>
        <!-- END Modal -->
    </div>
    <!-- END QUICKVIEW PRODUCT -->

</div>
<!-- WRAPPER END -->

<!-- all js here -->
<!-- jquery latest version -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/jquery-migrate-3.3.2.min.js"></script>
<!-- bootstrap js -->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- jquery.meanmenu js -->
<script src="assets/js/jquery.meanmenu.js"></script>
<!-- slick.min js -->
<script src="assets/js/slick.min.js"></script>
<!-- jquery.treeview js -->
<script src="assets/js/jquery.treeview.js"></script>
<!-- lightbox.min js -->
<script src="assets/js/lightbox.min.js"></script>
<!-- jquery-ui js -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- jquery.nivo.slider js -->
<script src="assets/js/jquery.nivo.slider.js"></script>
<script src="assets/js/home.js"></script>
<!-- jquery.nicescroll.min js -->
<script src="assets/js/jquery.nicescroll.min.js"></script>
<!-- countdon.min js -->
<script src="assets/js/countdon.min.js"></script>
<!-- wow js -->
<script src="assets/js/wow.min.js"></script>
<!-- plugins js -->
<script src="assets/js/plugins.js"></script>
<!-- main js -->
<script src="assets/js/main.min.js"></script>
</body>
</html>
